/* 
Document   : menu
Created on : 19/08/2008, 15:40:33
Author     : marano
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div#menu body {
    behavior:url("../script/csshover.htc");
}

div#menu * {    
    font-family:arial,tahoma,verdana,helvetica;
    font-size:12px;    
}

/* the menu */

div#menu ul, div#menu li, div#menu a {    
    display:block;
    margin:2px 2px 2px 2px;
    padding:0;
    border:0;
}

div#menu ul {
    width:150px;
    border:0px solid #9d9da1;
    background:white;
    list-style:none;
}

div#menu li {
    position:relative;
    padding:1px;
    padding-left:26px;
    background: #000 url("../img/itemLista.gif") no-repeat center left;
    z-index:100;
}

div#menu li.folder	{ 
    background:url("../img/itemLista.gif") no-repeat center left;
}		

div#menu li.folder ul {
    position:absolute;
    left:120px; /* IE */
    top:5px;
}	

div#menu li.folder>ul { 
    left:140px; 
} /* others */

div#menu a {
    padding:2px;
    border:1px solid white;
    text-decoration:none;
    color:gray;
    font-weight:bold;
    width:100%; /* IE */
}

div#menu li>a { 
    width:auto; 
}

div#menu li.subitem {       
    border:1px solid silver;          
}

div#menu li a.submenu {
    background:url("../img/sub.gif") right no-repeat;
}

/* regular hovers */

div#menu a:hover {        
    border-color:gray;
    background-color:#bbb7c7;
    color:black;
}

div#menu li.folder a:hover {    
    background-color:#bbb7c7;
}

/* hovers with specificity */

div#menu li.folder:hover { z-index:10; }		

div#menu ul ul, div#menu li:hover ul ul {
    display:none;
}

div#menu li:hover ul, div#menu li:hover li:hover ul {
    display:block;
}		
